<template>
  <view class="hswy-detail">
    <view class="normal-cell main-pd">
      <view class="msg-cell">
        <u-cell-group :border="false">
          <u-cell title="物业名称" :value="wyMsg.wyName"></u-cell>
          <u-cell title="物业等级" :value="wyMsg.wyLevle"></u-cell>
          <u-cell
            title="物业简介"
            :border="false"
          >
          <template #label>
  							<u-parse :content="wyMsg.wyjj"></u-parse>
  						</template>
        </u-cell>
        </u-cell-group>
      </view>
      <view class="u-m-t-32">
        <HeadTitle
          title="服务人员"
          fontWeight="600"
          iconColor="#F34B47"
          fontSize="32rpx"
        />
      </view>
      <view class="u-m-t-20">
        <view class="u-card u-m-b-20"  v-for="(item, index) in wyMsg.hswycyS" :key="index">
          <view class="u-flex u-flex-between">
            <view class="font-32 color-000"> {{ item.ryname || '' }} </view>
            <view class="font-28 color-333"> {{ item.job || '' }} </view>
          </view>
          <view class="u-flex u-flex-between u-p-t-16">
            <view class="font-28 color-333"> {{ item.age || '' }}岁 </view>
            <view class="font-28 color-333">
              <view class="u-flex">
                <u-icon size="16" name="phone"></u-icon>
                <text>{{ item.tel || '' }}</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
import {ref} from "vue"
import HeadTitle from "@/components/HeadTitle.vue";
import { onLoad } from "@dcloudio/uni-app"
import { gethsWyInfoApi } from "@/api/index"
let wyMsg = ref({})
const gethsWyInfoHandle = (id)=>{
  gethsWyInfoApi({id}).then(res=>{
    if(res.success){
      wyMsg.value = res.data;
    }
  })
}
onLoad((param)=>{
  gethsWyInfoHandle(param.id)
})
</script>

<style lang="scss" scoped>
.hswy-detail {
  padding-top: 28rpx;
  .msg-cell {
    background-color: #fff;
    border-radius: 12rpx;
    padding: 0 30rpx;
  }
}
</style>
